<template>
    <div>
        <div class="clearfix border-bottom">
            <van-nav-bar title="发布动态" left-text="取消" right-text="发布"  @click-left="$router.back(-1)" @click-right="onClickRight"></van-nav-bar>
            <textarea class="font-26" maxlength="50" v-model="desc" name="" id="" cols="30" rows="10" @input="descInput" placeholder="此刻你想说什么..."></textarea>
            <span class="dispaly-block textarea-num text-align-r font-24">{{zinum}}/50</span>
        </div>
        <div class="clearfix fabu-box">
            <img class="fl" src="../../assets/image/index/bq.png" alt="" srcset="">
            <van-uploader :after-read="onRead" accept="image/gif, image/jpeg,image/png" multiple>
                <img class="fl" src="../../assets/image/index/xiangji.png" alt="" srcset="">
            </van-uploader> 
            <em class="fr color-3 font-28">同步分享</em>
            <img class="fr" style="margin-right:.1rem;" src="../../assets/image/icon_select.png" alt="" srcset="">
        </div>

    </div>
</template>
<script>
export default {
    data(){
        return{
            desc:'',
            zinum:0
        }
    },
    methods:{
        onClickRight(){
            //console.log('aaa')
        },
        descInput(){
            this.zinum = this.desc.length
        },
        onRead(file){
            //console.log(file)
        }
    }
}
</script>
<style scoped>
.border-bottom{
    border-bottom: solid .02rem #eeeeee;
}
textarea{
    height: 2rem;
    padding: .3rem;
    width: calc(100% - .6rem);
}
textarea::-webkit-input-placeholder{
    color: #cccccc;
}
.textarea-num{
    height: .8rem;
    line-height: .8rem;
    padding: 0 .3rem;
    width: calc(100% - .6rem);
    color: #cccccc;
}
.fabu-box{
    height: .8rem;
    line-height: .8rem;
    padding: 0 .3rem;
    width: calc(100% - .6rem);
    border-bottom: solid .02rem #eeeeee;
}
.fabu-box img {
    width: .4rem;
    margin-top: .2rem;
    margin-right: .4rem;
}
.fabu-box em{
    height: .8rem;
    line-height: .8rem;
}
</style>
